<!---->
<div class="container _container">
    <!--操作、名称、头像-->
    <div class="row">
        <div class="col-sm-5 col-sm-offset-3 col-xs-8">
            <ul class="_uc-index-icon">
                <li>
                    <!-- routerLink="/linkPersonal" -->
                    <a  href="javascript:history.back();" title="收藏"><i class="fa fa-heart" aria-hidden="true"></i></a>
                </li>
                <li class="active">
                    <a  title="上传"><i class="fa fa-upload" aria-hidden="true"></i></a>
                </li>
                <li>
                    <a routerLink="/linkEdit" title="设置"><i class="fa fa-gear" aria-hidden="true"></i></a>
                </li>
                <li>
                  <a (click)="more()"  class="更多"><img src="assets/img/icon_uc_emp/icon_pc_4.png" width="20px" height="20px" /></a>
                  <div  [ngClass]="{show: moreLink}" class="_uc-index-more">
                    <div class="arrow"></div>
                    <a routerLink="/linkDonation" >捐款支持</a>
                    <a href="javascript:;" data-toggle="modal" data-target="#emailModal" (click)="lgModal.show()">发送反馈</a>
                    <a href="../emp/index.html">审核编辑入口</a>
                    <a>退出登录</a>
                  </div>
                </li>
            </ul>
            <p class="_uc-index-name">{{inf}}</p>
        </div>
        <div class="col-sm-2 col-xs-4">
            <div class="row _uc-index-count">
                <div class="col-xs-12 active">
                    <h5>制造厂</h5>
                    <p>{{falist.facount}}</p>
                </div>
            </div>
        </div>
    </div>

    <!--列表-->
    <div class="_list">
        <div class="_list-item">
            <div class="_masonry-box _list-add" style="height: 266px;">
                <a routerLink="/linkfactoryEdit"><img src="assets/img/icon_uc_emp/add.png" width="37px" height="37px" /></a>
                <p>创建制造厂</p>
            </div>
        </div>
        <div  class="_list-item" *ngFor=" let mat of falist.data" >
            <a (click)="godetail(mat.id,mat.name)">
                <div class="_masonry-box">
                    <img class="_box-img" src="{{mat.url1}}">
                    <div class="_box-twoimg">
                        <div class="_box-twoimg-l">
                            <img src="{{mat.url2}}">
                        </div>
                        <div class="_box-twoimg-r">
                            <img src="{{mat.url3}}">
                        </div>
                    </div>
                    <div class="_box-intro">
                        <p class="_box-name text-left">{{mat.name}}</p>
                        <div class="_box-place">
                            <div class="_box-place-l">{{mat.city}}</div>
                            <div class="_box-place-r"><span class="glyphicon glyphicon-heart"></span>{{mat.num}}</div>
                        </div>
                        <p class="_box-class">&lt;{{mat.catename}}&gt;</p>
                    </div>
                    <div class="_box-status">
                        <div class="_box-status-text _box-status-1" *ngIf="mat.status=='审核通过'">
                            <div class="arrow"></div>
                            <div class="text">{{mat.status}}</div>
                        </div>
                        <div class="_box-status-text _box-status-2" *ngIf="mat.status=='审核未通过'">
                            <div class="arrow"></div>
                            <div class="text">{{mat.status}}</div>
                        </div>
                        <div class="_box-status-text _box-status-0" *ngIf="mat.status=='等待审核'">
                            <div class="arrow"></div>
                            <div class="text">{{mat.status}}</div>
                        </div>
                    </div>
                </div>
            </a>
        </div>
    </div>
</div>

<!-- 创建收藏夹Modal -->
<div class="modal fade _modal-form" bsModal #lModal="bs-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">创建一个收藏夹</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal _form" role="form" id="form">
                    <div class="form-group">
                        <p class="form-error"></p>
                        <input type="text" class="form-control" id="Name" name="Name" placeholder="名字" />
                    </div>
                    <div class="form-group">
                        <p class="form-error"></p>
                        <textarea class="form-control" placeholder="描述" id="Intro" name="Intro" rows="5"></textarea>
                    </div>
                    <div class="form-group form-btn">
                        <button type="submit" class="btn btn-submit" (click)="lgModal.hidden()">保存</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<!-- 编辑邮件Modal -->
<div class="modal fade _modal-form"   bsModal #emailModal="bs-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" >编辑邮件</h4>
                <p class="modal-tip">From余杭融设计图书馆真诚感谢您对我们工作的支持与宝贵建议，我们将在您的协助下继续努力，不断进步。</p>
            </div>
            <div class="modal-body">
                <form class="form-horizontal _form" role="form" id="emailForm">
                    <div class="form-group">
                        <p class="form-error"></p>
                        <textarea class="form-control" placeholder="邮件内容" id="Email" name="Email" rows="5"></textarea>
                    </div>
                    <div class="form-group form-btn">
                        <button type="submit" class="btn btn-submit" (click)="emailModal.hide()">发送</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
